<ion-header>
  <ion-navbar color="danger">
    <ion-buttons start>
      <button ion-button clear>
        <ion-icon name="cog"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>个人中心</ion-title>
    <ion-buttons end>
      <button ion-button clear>
        <ion-icon name="chatbubbles"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-grid>
      <ion-row>
        <ion-col>
          <img src="assets/image/me-avatar.jpg" class="avatar"/>
        </ion-col>
        <ion-col>
          <p class="me-cards-username">严博琛，下午好！</p>
        </ion-col>
      </ion-row>
    </ion-grid>
    <!--<ion-card-title class="me-cards-title">严博琛</ion-card-title>-->
    <ion-grid>
      <ion-row>
        <ion-col>
          <div>0
            <p>商品收藏</p>
          </div>
        </ion-col>
        <ion-col>
          <div>0
            <p>店铺收藏</p>
          </div>
        </ion-col>
        <ion-col>
          <div>0
            <p>内容收藏</p>
          </div>
        </ion-col>
        <ion-col>
          <div>0
            <p>足迹</p>
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-card>
  <ion-card>
    <div class="me-myorders">
      <ion-grid>
        <ion-row>
          <ion-col class="me-myorders-text">
            <p>我的订单</p>
          </ion-col>
          <ion-col class="me-myorders-lookforall">
            <button ion-button clear small class="me-myorders-lookforall-button">
              <p class="me-myorders-lookforall-text">查看全部 </p>
              <ion-icon name="arrow-dropright" class="me-myorders-lookforall-text"></ion-icon>
            </button>
          </ion-col>
        </ion-row>
      </ion-grid>
    </div>
    <div>
      <ion-grid>
        <ion-row>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="clipboard" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;待付款</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="archive" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;待发货</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="flag" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;待收货</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="chatboxes" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;待评价</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="help" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;退款/售后</p>
            </button>
          </ion-col>
        </ion-row>
      </ion-grid>
    </div>
  </ion-card>
  <ion-card>
    <div class="me-myorders">
      <ion-grid>
        <ion-row>
          <ion-col class="me-myorders-text">
            <p>必备工具</p>
          </ion-col>
          <ion-col class="me-myorders-lookforall">
            <button ion-button clear small class="me-myorders-lookforall-button">
              <p class="me-myorders-lookforall-text">查看全部 </p>
              <ion-icon name="arrow-dropright" class="me-myorders-lookforall-text"></ion-icon>
            </button>
          </ion-col>
        </ion-row>
      </ion-grid>
    </div>
    <div>
      <ion-grid>
        <ion-row>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="cash" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;我的资产</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="person-add" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;会员中心</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="cafe" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;免费试用</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="phone-portrait" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;话费充值</p>
            </button>
          </ion-col>
          <!--</ion-row>
          <ion-row>-->
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="happy" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;我的小蜜</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="plane" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;机票火车票</p>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button clear small class="me-myorders-functionbuttons">
              <ion-icon name="share" class="me-myorders-functionicons"></ion-icon>
              <p>&#160;我的分享</p>
            </button>
          </ion-col>
        </ion-row>
      </ion-grid>
    </div>
  </ion-card>
    

</ion-content>
